<template>
  <div>
    <div v-for="row in map" class="flex">
      <div v-for="col in row" class="w-[32px] h-[32px]">
        <img :src="col === MapTile.WALL ? getImageUrl('wall.png') : getImageUrl('floor.png')" alt="" style="width: 100%; height: 100%" />
      </div>
    </div>
  </div>
</template>

<script setup>
import { useMapStore, MapTile } from '@/store/map'
import { storeToRefs } from 'pinia'
import { getImageUrl } from '@/utils/index'
const { map } = storeToRefs(useMapStore())
</script>

<style lang="scss" scoped></style>
